/**checkbox样式*/
//.el-checkbox+.el-checkbox{
//  margin-left: 0 !important;
//}
.in-text-button {
  cursor: pointer;
}

.in-text-remove {
  color: #f50606 !important;
}

.in-text-remove:hover {
  color: #E60000 !important;
}

.in-text-info {
  color: #999999 !important;
}

.in-text-info:hover {
  color: #bbb !important;
}

.in-text-primary {
  color: #06acf5 !important;
}

.in-text-primary:hover {
  color: #06acf5 !important;
}

.in-text-success, .in-text-success:hover {
  color: #29c558 !important;
}

.in-text-warning, .in-text-warning:hover {
  color: #f53f06 !important;
}

.in-text-edit {
  color: #e9820c !important;
}

.in-text-edit:hover {
  color: #e9820c !important;
}
.big-screen-canvas{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  //z-index: 9999;
  opacity: .5;
}
.big-screen-canvas-yq{
  position: absolute;
  left: -250%;
  top: -250%;
  opacity: .4;
  transform: scale(.2);
}
.cell.el-tooltip{
  width: auto !important;
}
.el-card{
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.1) !important;
  &:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.3) !important;
  }
}
.clearFloat{
  &:after{
    content: '';
    clear: both;
    display: table;
  }
}
.switch-form-item{
  &.switch-open > .el-form-item__label{
    color: #409EFF;
  }
  &.switch-close > .el-form-item__label{
    color: #dcdfe6;
  }
}
.el-checkbox{
  font-weight: 400 !important;
}
.el-button--default{
  font-weight: 400 !important;
}
.el-tooltip__popper{
  //left: 10px !important;
  //right: 10px !important;
}
.two-menu-wrap{
  //background-color: #EAEEF1;
  background-color: #FFFFFF;
  & > li{
    height: 38px;
    line-height: 38px;
    float: left;
    padding: 0 18px;
    cursor: pointer;
    /*font-weight: 300;*/
    font-size: 14px;
    transition: border-bottom-color .2s;
    border-bottom: 2px solid transparent;
    &:hover, &.active{
      color: #2D8CF0;
    }
    &.active{
      border-bottom-color: #2D8CF0;
    }
  }
}
.vue-treeselect, .vue-treeselect__placeholder, .vue-treeselect__control, .vue-treeselect__single-value{
  line-height: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
  &.vue-treeselect__control{
    padding-left: 10px !important;
  }
}
.el-tree-node > .el-tree-node__content{
  //font-weight: 300;
  padding: 5px;
  & > .el-tree-node__expand-icon{
    padding: 5px;
    font-size: 16px;
  }
}
td > .el-tooltip{
  width: 100%;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
p{
  margin: 0;
  padding: 0;
  line-height: 24px;
}
.el-checkbox:not(:last-child){
  margin-right: 10px !important;
}
.el-checkbox+.el-checkbox{
  margin-left: 0 !important;
}
.input_checkbox-container{
  display: flex;
}
/**editor全屏样式*/
.editor-full_screen{
  transition: all .5s;
  width: auto;
  height: auto;
  &.is-full_screen{
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 10000;
    width: 100%;
    height: 100%;
  }
}
.w-e-text-container{
  min-height: 370px !important;
  height: calc(100% - 44px) !important;
}

/**editor图片拖拽样式*/
.image-drag-parent{
  position: relative;
  .image-drag-class{
    width: 12px;
    height: 12px;
    background-color: #666;
    cursor: se-resize;
    position: absolute;
    border-radius: 50%;
    box-shadow: 1px 1px 5px #999;
  }
  .image-drag-target{
    box-shadow: 1px 1px 5px #999;
  }
}
/**遮罩样式*/
.ev-system-mask-container{
  z-index: 1999 !important;
}

/**遮罩*/
.ev-system-mask-container_parent{
  overflow: auto;
}

/**高德地图样式*/
.amap-marker-label{
  border: 0;
  background-color: transparent;
  &:before{
    content: '';
    border-left: none;
    border-right: 8px solid #f53271;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: -5px;
    top: 15px;
  }
  & > .info{
    position: relative;
    top: 0;
    right: 0;
    min-width: 0;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    background-color: white;
    width: auto;
    border-width: 0;
    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
  }
}
/**表格内部的头像*/
.el-table__body-wrapper > .el-table__body > tbody > tr > td.table-column-head_img{
  & > .cell{
    line-height: 10px !important;
    & > img{
      width: 35px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid #b1b4b7;
    }
  }
}
.el-table{
  height: 100% !important;
}
/**回到顶部*/
.ev-back-top-container{
  z-index: 1999 !important;
  background-color: rgba(0, 0, 0, 0.32) !important;
  right: 50px !important;
  & > i{
    color: #ffffff !important;
  }
}
/**dialog内边距修改*/
.el-dialog__body{
  padding: 15px 20px !important;
  padding-bottom: 0 !important;
}
.el-dialog__footer{
  padding: 10px 20px 10px !important;
  border-top: 1px solid #efefef;
}
.button-wide {
  width: 100px;
}

.el-dialog__wrapper{
  & > .el-dialog{
    border-radius: 3px !important;
    & > .el-dialog__header{
      //border-top-left-radius: 10px !important;
      //border-top-right-radius: 10px !important;
      //background-color: #2C63AE !important;
      border-top-left-radius: 3px !important;
      border-top-right-radius: 3px !important;
      background-color: #bbdbff !important;
      //padding: 20px !important;
      padding: 10px 15px !important;
      & > .el-dialog__title{
        color: #333333 !important;
        font-size: 14px;
      }
      & > .el-dialog__headerbtn{
        top: 14px;
        right: 15px;
        & > .el-dialog__close{
          //color: #FFFFFF !important;
          color: #666666 !important;
          font-size: 18px;
          font-weight: bold;
        }
      }
    }
    & > .el-dialog__footer{
      button{
        padding: 8px 30px !important;
      }
    }
  }
}
// .el-table--border{
//   border-bottom: 1px solid #ebeef5!important;
// }
.background-table {
  width: 100%!important;
  border: 1px solid #EBEEF5 !important;
  & > .el-table__header-wrapper {
    & > .el-table__header {
      & > thead {
        & > tr {
          & > th {
            background-color: #FAFAFA;
          }
        }
      }
    }
  }
  &.white > .el-table__header-wrapper {
    & > .el-table__header {
      & > thead {
        & > tr {
          & > th {
            background-color: #FFFFFF;
          }
        }
      }
    }
  }
  &:before{
    height: 0 !important;
  }
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
  background-color: #FAFAFA !important;
}

.el-pagination{
  font-weight: 400 !important;
}

.page-container > .el-pagination, .cm-list-page-layout > .el-pagination {
  padding-right: 0 !important;
  & .el-pager {
    & .active {
      background-color: #f6b05f !important;
    }
  }
  & .el-pagination__sizes {
    margin: 0;
    & .el-select {
      & .el-input {
        margin: 0 0 0 5px;
      }
    }
  }
}

.in-table-button {
  padding: 5px 15px !important;
  & + .in-table-button {
    margin-left: 5px !important;
  }
}

.in-table-edit, .in-table-edit:focus {
  color: #e6a23c !important;
  background: #fdf6ec !important;
  border-color: #f5dab1 !important;
}

.in-table-edit:hover {
  background: #e6a23c !important;
  border-color: #e6a23c !important;
  color: #fff !important;
}

.in-table-remove, .in-table-remove:focus {
  color: #f56c6c !important;
  background: #fef0f0 !important;
  border-color: #fbc4c4 !important;
}

.in-table-remove:hover {
  background: #f56c6c !important;
  border-color: #f56c6c !important;
  color: #fff !important;
}

.in-table-disabled, .in-table-disabled:focus{
  color: #bcbec2 !important;
  background-color: #f4f4f5 !important;
  border-color: #e9e9eb !important;
  cursor: not-allowed !important;
}

.in-table-primary, .in-table-primary:focus {
  color: #409eff !important;
  background: #ecf5ff !important;
  border-color: #b3d8ff !important;
}

.in-table-primary:hover {
  background: #409eff !important;
  border-color: #409eff !important;
  color: #fff !important;
}

.in-table-info, .in-table-info:focus {
  color: #909399 !important;
  background: #f4f4f5 !important;
  border-color: #d3d4d6 !important;
}

.in-table-info:hover {
  background: #909399 !important;
  border-color: #909399 !important;
  color: #fff !important;
}

.in-table-green, .in-table-green:focus {
  color: #67c23a !important;
  background: #f0f9eb !important;
  border-color: #c2e7b0 !important;
}

.in-table-green:hover {
  background: #67c23a !important;
  border-color: #67c23a !important;
  color: #fff !important;
}

.el-form-item > .el-form-item__content {
  & .el-input-number {
    width: 100%;
    & > .el-input > .el-input__inner {
      text-align: left;
    }
  }
}

.jboot-message-container{
  width: 100%;
  height: 80%;
  position: fixed;
  top: 55px;
  left: 0;
  text-align: center;
  display: flex;
  flex-flow: column;
  pointer-events: none;
  & > .jboot-message-item{
    display: inline-block;
    height: 45px;
    position: relative;
    transition: all .2s;
    &:not(:first-child){
      margin-top: 5px;
    }
    & > .jboot-message-item-instance{
      display: inline-block;
      pointer-events: all;
      //background-color: #f0f9eb;
      min-width: 380px;
      border: 1px solid;
      padding: 10px 10px 10px 15px;
      box-sizing: border-box;
      border-radius: 4px;
      line-height: 20px;
      font-size: 14px;
      & > span, & > i{
        float: left;
      }
      & i.message-close-icon{
        cursor: pointer;
        &:hover{
          color: #303133;
        }
      }
      & > span{
        display: inline-block;
        width: 300px;
        margin: 0 10px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      &.t-success{
        background-color: #e1f3d8;
        border-color: #e1f3d8;
        color: #67c23a;
      }
      &.t-info{
        background-color: #ebeef5;
        border-color: #ebeef5;
        color: #909399;
      }
      &.t-warn{
        background-color: #faecd8;
        border-color: #faecd8;
        color: #e6a23c;
      }
      &.t-error{
        background-color: #fde2e2;
        border-color: #fde2e2;
        color: #f56c6c;
      }
    }
  }
}
